<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="style/css/pulic.css">
    <link rel="stylesheet" type="text/css" href="style/css/index.css">
    <link rel="stylesheet" type="text/css" href="font_wqicwo7dhpodpldi/font_rkmr48oedfxyldi/iconfont.css">
</head>
<body>
<div class="allall"></div>
    <header id="head">
        <section class="htop">
            <a href="#">
            <img src="img/img-code/1bqd27jip97_1920_80.jpg">
                <i class="orange"></i>
            </a>
        </section>
        <section class="hnav">
            <section class="wrapper">
                <ul class="hnavl">
                    <li>考拉欢迎你!</li>
                    <li><a href="html/login.html">登入</a></li>
                    <li><a href="html/reg.html">免费注册</a><span></span></li>
                    <li><a href="#"><span class="iconfont icon-shouji"></span>手机考拉海购
                        <section class="plonecode">
                            <p>下载APP</p>
                            <p>领新人1000元红包</p>
                        </section>
                    </a></li>
                    <div style="clear: both"></div>
                </ul>
                <ul class="hnavr">
                    <li><a href="#">更多<span></span><i></i></a>
                        <div>
                            <p><a>收藏本站</a></p>
                            <p><a>新浪微博</a></p>
                            <p><a>微信公众号</a></p>
                            <p><a>易信公众号</a></p>
                            <p><a>招商合作</a></p>
                            <p><a>考拉招聘</a></p>
                        </div>
                    </li>
                    <li><a href="#" class='gologin'>消费者通知书<span></span></a></li>
                    <li><a href="#" class='gologin'>充值中心<span></span><i></i></a>
                        <div>
                            <p><a>话费流量</a></p>
                            <p><a>游戏充值</a></p>
                        </div>
                    </li>
                    <li><a href="#" class='gologin'>客户服务<span></span><i></i></a>
                        <div>
                            <p><span class="iconfont icon-qq"></span><a>联系客服</a></p>
                            <p><span class="iconfont icon-you"></span><a>帮助中心</a></p>
                        </div>
                    </li>
                    <li><a href="#" class='gologin'>个人中心<span></span><i></i></a>
                        <div>
                            <p><a>我的优惠券</a></p>
                            <p><a>我的考拉豆</a></p>
                            <p><a>账号管理</a></p>
                            <p><a>我的实名认证</a></p>
                            <p><a>我的收藏商品</a></p>
                            <p><a>我的关注商品</a></p>
                            <p><a>售后管理</a></p>
                        </div>
                    </li>
                    <li><a href="#" class='gologin'>我的订单<span></span></a></li>
                    <li><b class="iconfont icon-qizhi flag"></b><a href="#" class='gologin'><span></span>每日签到</a></li>
                    <div style="clear: both"></div>
                </ul>
                <div style="clear: both"></div>
            </section>
        </section>
        <section class="hsearch">
            <section class="wrapper">
            <section class="logo"></section>
            <section class="search">
                <section class="searcher">
                    <i class="iconfont icon-sousuo"></i>
                    <input type="text" id="search">
                    <span class="iconfont icon-sousuo1"></span>
                </section>
                <ul>
                    <ul>
                        <li><a href="">大闸蟹1元秒杀</a><span></span></li>
                        <li><a href="">话费充值</a><span></span></li>
                        <li><a href="">花王</a><span></span></li>
                        <li><a href="">德运</a><span></span></li>
                        <li><a href="">铁元</a><span></span></li>
                        <li><a href="">施华洛世奇</a><span></span></li>
                        <li><a href="">洗面奶</a></li>
                    </ul>
                </ul>
            </section>
            <section class="shopping">
                <a href="#" class="tzshopcar">
                    <span class="iconfont icon-gouwuche"></span>购物车
                </a>
            </section>
            </section>
        </section>
    </header>

    <section id="body">
        <section class="btcolor">
        <section class="wrapper">
            <ul class="btnav">
                <li><span>三</span>所有分类
                    <div id="subnav">
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>奶粉</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>纸尿裤/拉拉裤</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>营养辅食</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>宝宝用品</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>童装童鞋</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>孕妈必备</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/q110.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>护肤</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>面膜</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>彩妆</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>防晒修复</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>香水/香氛</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/q210.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>洗护日用</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>女性护理</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>其他个护</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>宠物生活</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>居家用品</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>家装家纺</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/q310.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>洗护日用</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>女性护理</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>其他个护</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>宠物生活</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <br>
                                    <div class="box">
                                        <h3>居家用品</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>家装家纺</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/q410.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>营养补充</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>肉类禽蛋</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>健康养护</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>女性必备</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>关爱老年</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>男性必备</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/q510.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>母婴专区</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>美容彩妆</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>电子生活</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>日用家居</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>服饰鞋包</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>美食保健</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/q610.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>手机/配件</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>数码影音</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>个护健康</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>厨房电器</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>办公/外设</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/q710.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>运动鞋</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>运动服装</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>户外鞋靴</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>户外服装</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>户外装备</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>更多分类</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/q810.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>新鲜水果</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>肉类禽蛋</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>水产海鲜</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>速冻特产</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="img/img-code/trd10.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div></div>
                    </div>
                </li>
                <li><a>首页</a></li>
                <li><a>今日限时购</a></li>
                <li><a>每日上新</a></li>
                <li><a>国家馆</a></li>
                <li><a>全球旗舰</a></li>
                <div style="clear: both"></div>
            </ul>
        </section>
        </section>
        <section class="banner">
            <img src="img/img-code/1bq2em68v50_1960_400.jpg">
        </section>

        <section id="main">
            <section class="wrapper">
                <!--特惠专卖-->
                <section id="preference" class="preference">
                    <section class="ptop">
                        特惠专场
                    </section>
                    <section class="pbody">
                        <img src="img/img-code/tehui.jpg">
                        <img src="img/img-code/tehuishuoming.jpg">
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                    </section>
                </section>
                <!--99元任选3件-->
                <section id="chooseany" class="chooseany">
                    <section class="ctop">
                        ★☆99任选3件 ☆★
                    </section>
                    <section class="cbody">
                        <div class="cul">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </section>
                </section>

                <!--美容彩妆-->
                <section id="beauty" class="beauty">
                    <section class="ctop">
                        美容彩妆
                    </section>
                    <section class="cbody">
                        <div class="cul">

                        </div>
                    </section>
                </section>

                    <!--家具个护-->
                <section id="furniture" class="furniture">
                <section class="ctop">
                    家具个护
                </section>
                <section class="cbody">
                    <div class="cul">

                    </div>
                </section>
            </section>
                <!--母婴儿童-->
                <section id="matherandson" class="matherandson">
                    <section class="ctop">
                        母婴儿童
                    </section>
                    <ul class="mmss">
                        <li>
                            <a href="#"><img src="img/img-code/mms.png"></a>
                            <br>
                            <a href="#">考拉工厂店 品质保障</a>
                            <a href="#">INFUNBEBE 萨克斯风早教玩具 6月以上</a>
                            <a href="#">迷你萨克斯风的逼真造型，立体音效，训练宝宝乐感，尺寸配合宝宝小手，易抓握，采用环保材质制作，安全无毒，宝宝可啃咬，安全更放心。</a>
                            <span>包邮</span>
                            <p>￥39<i>￥99</i></p>
                            <a href="#">立即购买</a>
                        </li>
                        <li>
                            <a href="#"><img src="img/img-code/mss.png"></a>
                            <br>
                            <a href="#">考拉工厂店 品质保障</a>
                            <a href="#">INFUNBEBE 锁匙牙胶玩具 6月以上</a>
                            <a href="#">一物两用，仿真车钥匙造型与可啃咬的牙胶相结合，宝宝爱不释手，三种不同车钥匙造型，帮助宝宝形状认知，逼真汽车音效，激发宝宝好奇心，玩乐更尽兴。</a>
                            <span>包邮</span>
                            <p>￥39<i>￥99</i></p>
                            <a href="#">立即购买</a>
                        </li>
                    </ul>
                    <section class="cbody">
                        <div class="cul">

                        </div>
                    </section>
                </section>
                <!--美食保健-->
                <section id="nicefood" class="nicefood" >
                    <section class="ctop">
                        美食保健
                    </section>
                    <section class="cbody">
                        <div class="cul">

                        </div>
                    </section>
                </section>

                <!--数码家电-->
                <section id="digital" class="digital" >
                    <section class="ctop">
                        数码家电
                    </section>
                    <section class="cbody">
                        <div class="cul">

                        </div>
                    </section>
                </section>

            </section>
        </section>
    </section>


    <footer id="foot">
        <section class="wrapper">
        <section class="ftop">
            <ul>
                <li><span class="iconfont icon-zhengzhuanhuan"></span><p>100%正品</p><p>正品保障 假一赔十</p></li>
                <li><span class="iconfont icon-feiji"></span><p>低价保障</p><p>缩减中间环节 确保低价</p></li>
                <li><span class="iconfont icon-tui"></span><p>30天无忧退货</p><p>国内退货 售后无忧</p></li>
                <li><span class="iconfont icon-you"></span><p>满88包邮</p><p>部分特殊商品除外</p></li>
            </ul>
        </section>
            <section class="ftopb">
                <ul>
                    <li>
                        <a href="#">
                            <img src="img/img-code/logo.png">
                        </a>
                        <div>
                            <span>关注我们</span>
                            <span class="iconfont icon-weibo">
                                <div>
                                    <img src="img/img-code/2dcode-wb.jpg">
                                </div>
                            </span>
                            <span class="iconfont icon-weixin">
                                <div>
                                    <img src="img/img-code/2dcode-wx.jpg    ">
                                </div>
                            </span>
                            <span class="iconfont icon-meituan">
                                <div>
                                    <img src="img/img-code/2dcode-yx.jpg">
                                </div>
                            </span>
                            <div style="clear: both"></div>
                        </div>

                    </li>
                    <li>
                        <div>考拉保障</div>
                        <div><a href="#">假一赔十</a></div>
                        <div><a href="#">廉正监督</a></div>
                    </li>
                    <li>
                        <div>新手指南</div>
                        <div><a href="#">购物流程</a></div>
                        <div><a href="#">支付方式</a></div>
                        <div><a href="#">通关税费</a></div>
                        <div><a href="#">常见问题</a></div>
                    </li>
                    <li>
                        <div>售后服务</div>
                        <div><a href="#">退货政策</a></div>
                        <div><a href="#">退货流程</a></div>
                        <div><a href="#">退款说明</a></div>
                        <div><a href="#">联系客服</a></div>
                    </li>
                    <li>
                        <div>物流配送障</div>
                        <div><a href="#">配送方式</a></div>
                        <div><a href="#">配送服务</a></div>
                        <div><a href="#">运费标准</a></div>
                        <div><a href="#">物流跟踪</a></div>
                    </li>
                    <li>
                        <div>关于我们</div>
                        <div><a href="#">联系我们</a></div>
                        <div><a href="#">招商合作</a></div>
                        <div><a href="#">销售联盟</a></div>
                        <div><a href="#">CEO邮箱</a></div>
                    </li>
                    <li>
                        <img src="img/img-code/bt.png">
                        <p>考拉联合凤凰知音</p>
                    </li>
                    <li>
                        <img src="img/img-code/2dcode-app.jpg">
                        <p>扫描下载手机版</p>
                    </li>
                    <div style="clear: both"></div>
                </ul>
        </section>
        </section>
        <section class="fbottom">
        <section class="wrapper">
            <ul>
                <li><a href="#">About NetEase</a><span></span></li>
                <li><a href="#">公司简介</a><span></span></li>
                <li><a href="#">联系方法</a><span></span></li>
                <li><a href="#">友情链接</a><span></span></li>
                <li><a href="#">招聘信息</a><span></span></li>
                <li><a href="#">客户服务</a><span></span></li>
                <li><a href="#">隐私政策</a><span></span></li>
                <li><a href="#">网络营销</a><span></span></li>
                <li><a href="#">网站地址</a><span></span></li>
                <li><a href="#">网易考拉海购</a></li>
            </ul>
            <p><span>网络文化经营许可证：浙网文[2016]0155-055号</span><span>增值电信业务经营许可证：浙B2-20160288</span><a href="#">自营经营者信息</a></p>
            <p><a href="#"><img src="img/img-code/f28aa8ee818a42bf832341f605eccefb.png">浙公网安备 33010802002216号 </a><span>网易公司版权所有©1997-2017</span></p>
            <p><a href="#"><img src="img/img-code/d720d83b55a04b6f932ea845c673c5bf.png"></a><a href="#"><img src="img/img-code/d071c0de-5360-4dcb-915a-f9f9bb62a9d5.gif"></a></p>
        </section>
        </section>
    </footer>
    <section id="fixednav">
        <ul>
            <li><i class="iconfont icon-gouwuche"></i><a href="#" class="tzshopcar">购物车</a></li>
            <li><a href="#preference">特惠专场</a></li>
            <li><a href="#chooseany">99任选3件</a></li>
            <li><a href="#beauty">美容彩妆</a></li>
            <li><a href="#furniture">家具个护</a></li>
            <li><a href="#matherandson">母婴儿童</a></li>
            <li><a href="#nicefood">美食保健</a></li>
            <li><a href="#digital">数码家电</a></li>
            <li><a href="#">
                <span class="iconfont icon-sanjiaoxing"></span>
                TOP</a></li>
        </ul>
    </section>

        <section class="login">
            <section class="top">
                <section class="top-tab1">手机号登入
                    <span></span></section>
                <section class="top-tab2">邮箱登入</section>
            </section>
            <section class="middle">
                <section class="byplone">
                    <section class="iconfont icon-iconfontduihua click-code"><span>用短信验证登入</span></section>
                    <section class="telephonelogin">
                        <i class="iconfont icon-shouji"></i>
                        <input type="text" id="telephone1"  placeholder='请输入手机号'>
                    </section>
                    <button type="button" id="loginbtn">登入</button>
                    <section class="freelogin">
                        <input type="checkbox"><span>10天内免登入</span>
                        <a href="#">忘记密码？<span class="iconfont icon-2"></span></a>
                    </section>
                </section>
                <section class="bymail">
                    <section class="mail">
                        <i class="iconfont icon-youxiang"></i>
                        <input type="text" id="e-mail" placeholder='请输入邮箱'>
                    </section>
                    <section class="code">
                        <i class="iconfont icon-mima"></i>
                        <input type="text" id="code" placeholder='请输入密码'>
                    </section>
                    <button type="button" id="loginbtn1">登入</button>
                    <section class="freelogin">
                        <input type="checkbox"><span>10天内免登入</span>
                        <a href="#">忘记密码？<span class="iconfont icon-2"></span></a>
                    </section>
                </section>
            </section>
            <section class="foot">
                <ul>
                    <li><a href="#" class="iconfont icon-weixin"></a></li>
                    <li><a href="#" class="iconfont icon-weibo"></a></li>
                    <li><a href="#" class="iconfont icon-meituan"></a></li>
                    <li><a href="#" class="iconfont icon-umidd17"></a></li>
                    <a class="forget" href="reg.html">立即注册<span class="iconfont icon-2"></span></a>
                </ul>
            </section>
        </section>
<section id="qjtm">

    <div>
    <img src="img/img-code/11.jpg">
        <a href="#"></a>
        <span></span>
    </div>

    <div>
    <img src="img/img-code/22.jpg">
        <span></span>
    </div>
</section>
    <script type="text/javascript" src="js/lib/jquery.js"></script>
    <script type="text/javascript" src="js/Cookie-project/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/Cookie-project/toObject.js"></script>
    <script src="js/Cookie-project/jquery.cookie.js"></script>
    <script src="js/Cookie-project/toObject.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>
</html>